<template>
	
	<div class="homepage">
		
		<headernav></headernav>

		<bottomnav></bottomnav>

		<carousel></carousel>
	</div>

	

</template>


<script>
	import headernav from '@/components/HeaderNav'
	import bottomnav from '@/components/BottomNav'
	import carousel from '@/components/Carousel'

	export default {
		name:'HomePage',
		components:{headernav,bottomnav,carousel},
		data(){
			return {
				msg:'Hello Vue My first Project',

			}
		},
		mounted(){
					console.log('-------mounted-------');
				}
	}
	
</script>


<style scoped>
.homepage{
	background-color: #f5f5f5;
	margin:0;
	min-height: 800px;

	background: -webkit-linear-gradient(top,#ffda44 0%, #f5f5f5 50%); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(top,#ffda44 0%, #f5f5f5 50%); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(top,#ffda44 0%, #f5f5f5 50%); /* Firefox 3.6 - 15 */
	background: linear-gradient(top,#ffda44 0%, #f5f5f5 50%); /* 标准的语法 */
}		
</style>